<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="img/favicon.jpeg">
    <title>FPGA实验管理系统</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<style type="text/css">
    body{
        position:absolute;
        width: 100%;
        height: 100%;
        background:url( ../img/fushishan.jpeg) no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .img1{
        position:absolute;
        width: 98.5%;
        height: 100%;
        z-index:-1;
    }


    .row { margin-top:13%; }
    .button {

        border: none;
        color: white;
        padding: 12px 40px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 8px;
    }
    .button1{
        background-color:dodgerblue;
    }
    .button2{
        background-color:dodgerblue;
    }
    .tx{
        font-size:30px;
        font-family: '华文仿宋';
    }
    .well{
        background:rgba(192,192,192,0.7);
    }
</style>
<script>
    function zuce(){
        window.location.href="reg";
    }
    function pwd(){
        window.location.href="pwd";
    }
</script>
<script>
    $(function(){
        $("#tijiao").click(function(){
            $(".form-horizontal").submit();
        })
    })
</script>
<body>
<div class="container-fluid">
    <img class="img1"src="img/fushishan.jpeg">
    <div class="row">
        <div class="col-md-6"></div>
        <div class="col-md-4">
            <div class="well well-sm  ">
                <p class="tx" style="text-align:center">用户登陆</p>
                <div class="form-login ">

                    <form action="login" class="form-horizontal center-block" role="form" method="post">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
                                <input type="text" id="username" name="username" class="form-control" placeholder="请输入用户名" required autofocus>
                            </div>
                            <br/>
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
                                <input type="password" id="inputPassword" name="password" class="form-control" placeholder="请输入密码" required>
                            </div>
                        </div>
                        <span style="color:red">${message}</span>
                        <div class="form-group">
                            <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <button id="tijiao" type="submit" class="button button1">登录</button>
                                <script language="JavaScript">
                                    for (var i=1; i<= 15; i++)
                                    {
                                        document.write ("&nbsp;")
                                    }
                                </script>
                                <button type="button" class="button button2" onclick="zuce()">注册</button>
                            </div>
                            <br/>
                            <p>&nbsp;&nbsp;&nbsp;<a href="index.jsp"><font color="gray"> <strong>退出</strong></font></a>
                                <script language="JavaScript">
                                    for (var i=1; i<= 45; i++)
                                    {
                                        document.write ("&nbsp;")
                                    }
                                </script>
                                <a onclick="pwd()" style="text-align: right;"><strong>忘记密码？找回密码</strong></a></p>
                        </div>
                    </form>
                </div>
            </div>

        </div>

    </div>
    <div class="footer" style="position: absolute;  bottom: 0;left:0;right:0">
        <%--<p class="text-center"> <strong>Copyright &copy; 2019 <a href="http://eelab.njupt.edu.cn/" target="right">南京邮电大学电工电子教学中心</a>.</strong> All rights reserved.--%>
        <%--</p>--%>
        <%--<p class="text-center">地址：南京市栖霞区文苑路9号 &nbsp;&nbsp;联系热线：025-85866145--%>
        <%--</p>--%>
    </div>
</div>

</body>
</html>